<template>
	<div>
		<p>标题</p>
		<input type="text" v-model="title"/>
		<p>内容</p>
		<input type="text" v-model="content"/>
		<div class="btn" @click="add()">添加</div>
	</div>
</template>

<script>
	import store from '@/store'
	export default {
		name: "Add",
		data () {
			return {
				title: '',
				content: '',
			}
		},
		methods:{
			add () {
				store.commit('addItem', {
					title: this.title,
					content: this.content
				});
				this.title = '';
				this.content = '';
			}
		}
	}
</script>

<style scoped>
	
	
</style>